@use '../../app/styles/mixins' as *;

.input_container {
	width: 100%;
	max-width: 686px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 14px;
	background-color: var(--bg-card);
	border: var(--border);
	border-radius: var(--radius);
	gap: 20px;
	.title {
		@include font(var(--ff-first), 24px, 500);
		text-align: center;
	}

	.textarea {
		@include font(var(--ff-second), 24px, 400);
		resize: none;
		height: 100%;
		padding: 10px;
		border-radius: 16px;
	}
}

.buttons_container {
	display: flex;
	flex-direction: column;
	gap: 20px;
	.emoji {
		width: 347px;
		height: 220px;
		border: var(--border);
		border-radius: var(--radius);
	}
}
